<html>
    <head>
        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

        <title>Memory Price WEB 1.0</title>

        <style>
            table, th, tr
            {
                border: 1px solid black;
                text-align:center;
                padding:10px;
            }
            h2,h5,div
            {
              text-align:center;  
            }
         </style>
        
         <script src="json2.js"></script>
         <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA7hdtjxVyGPEc-FyWjJ5HHkfcmT29SywU&sensor=false"></script> 
         <script src="jquery-1.4.1.js"></script>
         <script src="chamadasAjaxMemoryPrice.js"></script>
         
    </head>
       
    <body onload="javascript:iniciaPagina('carregarSessaoLogin')">
        
        <div id="labelInicial" style="display:none"></div>
        
        <input type="hidden" id="hiddenLatitudeNomeclaturaLocal"/>
        <input type="hidden" id="hiddenLongitudeNomeclaturaLocal"/>
        
            <div id="sessaoLogin">
               <h2>Painel Autenticacao</h2>
               <br/>
               <table align="center">
                   <tr><td>Login:</td><td><input type="text" id="login"/></td></tr>
                   <tr><td>Senha:</td><td><input type="password" id="senha"/></td></tr>
                   <tr><td colspan="2"><a href="cadastro.html" style="font-size: 10px;font-family: arial;">Desejo me cadastrar!</a></td><td></td></tr>
                   <tr><td colspan="2"><input id="botaoAutenticar" type="button" onclick="javascript:autenticarMudarContexto('carregarSessaoPainel');" value="Entrar"/></td><td></td></tr>
               </table>
               <br/>
            </div>

            <div id="sessaoPainel" style="display:none">
                <center>
                    <h2>Painel Principal</h2>
                    <table>
                        <tr><td><a href="javascript:carregarSessaoGravarLocal();">Cadastrar Ponto de Interesse (POI)</a></td></tr>
                        <tr><td><a href="javascript:verificarExisteLocal('carregarSessaoGravarPreco');">Memorizar Preco</a></td></tr>
                        <tr><td><a href="javascript:verificarExisteLocal('abrirTelaConsultaHistoricoPreco');">Consultar Historico de Precos</a></td></tr>
                    </table>
                    <br/>
                    <a href="javascript:logOut();">Logout(Sair)</a>
                </center>
            </div>

            <div id="sessaoGravarPreco" style="display:none">
               <center>
                   <table style="text-align:center">
                       <tr><td>Local:</td><td><span id="divNomeclaturaLocal" style="display:none"></span></td></tr>
                       <tr><td>Item:</td><td><span id="divItem" style="display:none"></span></td></tr>
                       <tr><td>Valor:</td><td><input type="text" id="valor" value="1.0"/></td></tr>
                       <tr><td>Qtd em <b> ( <span id="divTipoUnidade"></span> ) </b>:</td><td><input type="text" id="qtd" value="1"/></td></tr>
                       <tr><td></td><td><input id="botaoGravarPreco" type="button" onclick="javascript:gravarPreco();" value="Memorizar Preco"/></td></tr>
                   </table>
                   <a href="javascript:voltarDivSessao('sessaoGravarPreco','sessaoPainel');">Voltar</a>
               </center>
            </div>

            <div id="sessaoGravarLocal" style="display:none">
               <center>
                    <table style="text-align:center">
                        <tr>
                            <td>Nome ao local:</td><td><input type="text" id="labelEnderecoNomeclaturaLocal"/></td>
                        </tr>
                        <tr>
                            <td>Procure pelo endereco:</td>
                            <td>
                                <input type="text" id="descEnderecoNomeclaturaLocal"/>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <input id="botaoConsultarEndereco" type="button" onclick="javascript:iniciaPagina('iniGeoMapaLocal');" value="Consultar"/>
                                <input id="botaoGravarLocal" type="button" onclick="javascript:gravarNomeclaturaLocal();" value="Adicionar Local"/>
                            </td>
                        </tr>
                    </table>
                     <a href="javascript:voltarDivSessao('sessaoGravarLocal','sessaoPainel');">Voltar</a>
                    <br/>
                        <div id="map-canvas" style="width:400px;height:600px"></div> 
                    <br/>
               </center>
            </div>
        
            <div id="labelFinal" style="display:none"></div>
       </body>
</html>
